.blog-detail-wrapper {
    width: 50%;
    margin: 60px auto;
    text-align: center;
    padding: 50px;

    p{
        font-size: 16px;
    }

    img {
        width: 80%;
        margin: 0 auto;
    }

    #date {
        margin: 15px;
        color: $sub-color;
    }

    footer {
        background: none;
        display: flex;
        justify-content: space-between;
        color: $sub-color;

        .left {
            display: flex;
            text-align: left;
            align-items: center;
            cursor: pointer;
        }

        .right {
            @extend .left;
            text-align: right;
        }
    }
}